<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Markdown2HtmlUtil</title>
    <!-- 引入 markdown-it 库 -->
    <script src="https://cdn.jsdelivr.net/npm/markdown-it/dist/markdown-it.min.js"></script>
</head>
<body>

<textarea id="markdown-string" cols="30" rows="10">
## 回顾
见上次课的笔记

## 自动化检查三个 og 开头的标签
改进上次课写的工具类，增加优化提醒等...
- 错误：叉叉
- 警告：三角形

## 课后作业解答
### 思路
放胆去想

### 实现
把自己的想法变成代码
</textarea>

<hr>
<button onclick="parse();">解析</button>
<hr>

<div id="parsed-html"></div>

<script>
    function parse() {
        var markdownString = document.getElementById('markdown-string').value;
        var md = markdownit();
        var parsedHtml = md.render(markdownString);
        document.getElementById('parsed-html').innerHTML = parsedHtml;
    }
</script>
</body>
</html>